
body{
	background-color:#EDEFF4 !important;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	font-size:12px;
	margin:0px auto auto auto;
}

#wrap{
	width: 1100px;
	height: auto;
	margin:auto;
	background-color:#696969;
}

#wrap .header{
width:1100px;
height:40px;
position: relative;
float: left;
background-color:#696969;
margin-bottom:20px;
}

.footer{
	width:1100px;
	height:26px;
	background-color: black;
	float: left;
	text-align: center;
	font-size:  14px;
	font-weight: bold;
	font-family: Monospace;
	color: #FFFFFF;
	margin-top: 15px;
	padding-top: 5px;
	clear:both;
}

.header .header1{
	
	background-color: #fafafa;
	background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
	background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
	background-repeat: repeat-x;
	width:  1100px;
	height:  42px;
	float:  left;
}

.header .banner{
	background-color:white;
	width:  1090px;
	height:  243px;
	float:  left;
	padding:5px;	
}

.header .banner img{
	width: 1085px;
	height:240px;
}

.account_icon{
background:url(../images/user_login_icon.png) no-repeat center ;
width:  32px;
height:  32px;
float:  left;
margin-top:-3px;
}

.navbar-inner a{
	color:#777777;
}

.navbar-inner a:hover{
	color:#777777;
	text-decoration:none;
}

/*----------------menu------------------*/



.homepage_icon{
background:url(../images/home.png) no-repeat center ;
margin-left:20px;
margin-top:-5px;
float:  left;
height: 35px;
width:  35px;
}

.login{
	width:630px;
	max-height:28px;
	padding:5px;
	float:left;
}
.login img{
	float:left;
	margin-top:7px;
}

.login .login-input input[type="text"]{
	float:left;
	margin-left:10px;
	width:130px;
}

.login .login-input input[type="password"]{
	float:left;
	margin-left:10px;
	width:130px;
}

.login .welcome{
	float:left;
	margin-left:10px;
	margin-top:5px;
}

/*-------------------Slidebar----------------------*/
*{
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0;
}

#slide_feature{
	width: 900px;
	margin-left: auto;
	margin-top:-40px;

	padding: 50px 0 0 0;
	position: relative;
}

img{
	display: block;
}

#gallery, #thumbs{
	float: left;
}

#gallery{
	width: 718px;
	height: 300px;
	overflow: hidden;
}

#gallery img{
	position: absolute;
	width:718px;
	height:300px;
}

#thumbs{
	width: 100px;
	height: 300px;
	overflow: hidden;
}

#next{
	display: block;
	width: 47px;
	height: 43px;
	background: url(../images/arrow.png);
	position: relative;
	top: 257px;
	left: 772px;
}

#next:hover{
	background: url(../images/arrowmo.png);
}

.clear{
	clear: both;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:910px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:910px;
	height:300px;
	display:block;

}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/
.pagination
{
   position:relative;
   top:-10px;
}

#slides .next,#slides .prev {
	position:absolute;
	top:120px;
	left:-15px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}


/*-------------------Language-------------------*/

.language {
	width:60px;
	height:auto;
	float:right;
	margin-top:10px;
	margin-left:0px;
	padding:0px;
}

.language .flag{
	float:left;
	margin-left:5px;
	border:2px solid white;
}

/*------------------------------------center content--------------------*/
.center_content{
	width:1100px;
	height:  auto;
	background-color:#EDEFF4;
}

.left_content{
	width:200px;
	height: auto;
	float:left;
	border-right:1px solid #F3F3F3;
	background-color:#EDEFF4;
	
}

.right_content{
	width:895px;
	height: auto;
	float:left;
}


.center_contain2{
	width: 1060px;
	height: auto;
	background-color:#FEF9ED;
	margin-left:10px;
	padding:10px;
}

/*--------------------------Search-------------------*/
.search{
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	margin-left:10px;
	width:auto;
	height:39px;
	background-color: #fafafa;
	background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
	background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
	background-repeat: repeat-x;
	border-radius: 10px;
	-webkit-border-radius: 5px;
}

.search #user_search{
	height:16px;
	width:640px;
	margin-left:10px;
} 

.search .search-btn{
	float: left;
	margin-left:10px;
}

.search-filter{
	height:26px;
	float:left;
	margin-left:10px;
	opacity:0.8;
  	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
  	transition: border linear 0.2s, box-shadow linear 0.2s;
}
.search-filter:focus {
	height:26px;
	opacity:0.8;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
}



.search-input{
	width: 640px;
	height: 22px;
	margin-left:10px;
	font-size: 12px !important;
	opacity:0.8;
	border-radius: 3px;
	float: left;
}

.header1 .btn-login{
	float:left;
	margin-left: 10px;
	margin-top:-3px;
}

.login .signup{
	float:left;
	margin-left:10px;
	width:auto;
	height:auto;
}


.login .signup a{
	color:#777777;
	font-weight:bold;
	font-size:11px;
	float:left;
	margin-left:10px;
	margin-top:5px;
}



/*----------------------right------------------*/


#most_view {
	width:895px;
	height:auto;
	margin-top:30px;
	padding:5px;
	margin-bottom:30px;
	margin-left:10px;
}

#most_view .category_name{
	width:858px;
	height:20px;
	padding-left:10px;
	text-align:left;
	font-size:15px;
	color:black;
	font-weight:100px;
	border-bottom:1px solid #D4D4D4;
}

#most_view .category_content{
	margin-top:10px;
	height:auto;
}

#most_view .category_content ul{
	margin-left:10px;
	height:540px;
}

#most_view .category_content ul li{
	list-style:none;
	word-wrap: break-word;
	width:160px;
	height:260px;
	padding:5px;
	text-align:left;
	font-size:11px;
	float:left;
}

#most_view .category_content ul li a{

}

#most_view .category_content ul li img{
	width:109px;
	height:135px;
}


#most_borrow {
	width:895px;
	height:auto;
	margin-top:30px;
	padding:5px;
	margin-left:10px;
}

#most_borrow .category_name{
	width:858px;
	height:20px;
	padding-left:10px;
	text-align:left;
	font-size:15px;
	color:black;
	font-weight:100px;
	border-bottom:1px solid #D4D4D4;
}

#most_borrow .category_content{
	margin-top:10px;
}

#most_borrow .category_content ul{
	margin-left:10px;
		height:540px;
}

#most_borrow .category_content ul li{
	list-style:none;
	word-wrap: break-word;
	width:160px;
	height:260px;
	padding:5px;
	text-align:left;
	font-size:11px;
	float:left;
}

#most_borrow .category_content ul li a{

}

#most_borrow .category_content ul li img{
	width:109px;
	height:135px;
}

#newbook {
	width:895px;
	height:280px;
	margin-top:30px;
	padding:5px;
	margin-left:10px;
}

#newbook .category_name{
	width:858px;
	height:20px;
	padding-left:10px;
	text-align:left;
	font-size:15px;
	color:black;
	font-weight:100px;
	border-bottom:1px solid #D4D4D4;
}

#newbook .category_content{
	margin-top:10px;
}

#newbook .category_content ul{
	margin-left:10px;
		height:540px;
}

#newbook .category_content ul li{
	list-style:none;
	word-wrap: break-word;
	width:160px;
	height:260px;
	padding:5px;
	text-align:left;
	font-size:11px;
	float:left;
}

#newbook .category_content ul li a{

}

#newbook .category_content ul li img{
	width:109px;
	height:135px;
}


#frame_right {
	width:150px;
	height:190px;
}

/*
	Slideshow
*/

#slides1 {
	left:45px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_right_container {
	width:120px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_right_container div.slide_right {
	width:120px;
	height:230px;
	display:block;
}


/*
	Next/prev buttons
*/


.caption {
	z-index:500;
	position:absolute;
	left:0px;
	bottom:10px;
	height:30px;
	padding:0px 5px 0 5px;
	background:#000;
	background:rgba(0,0,0,.2);
	width:110px;
	font-size:1.0em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
	text-align: center;
	font-weight: bold;
}

/*--------------------------main-------------------------------*/
#main{
	width:100px;
	height:100px;
	border:1px solid red;	
}

#signup{
	width:100px;
	height:100px;
	border:1px solid black;
}

#signup{
	width:100px;
	height:100px;
	border:1px solid black;
}

#signup .error{
	
}

#signup .error h2{
	font-size:12px;
}
/*--------------- registration -----------------------------------*/
.main{
	background-color:#EDEFF4;
	padding:10px;
	min-height:600px;
	height:auto;
}

#registration{
	word-wrap:break-word;
	color:#777777;
	margin-top:70px;
	margin-left:360px;
	width:320px;
	height:auto;
	display:block;
	padding:20px;
	background-color: #fafafa;
  	background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  	background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  	background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  	background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  	background-repeat: repeat-x;
  	border:1px solid #D4D4D4;
}

#registration .error{

}

#registration .error h2{
	font-size:12px;
}

#registration .error ul{
	
}

#registration .error ul li{
	list-style:none;
	font-size:12px;
}

#registration .field input[type="text"]{
	width:306px;
}

#registration .field input[type="password"]{
	width:306px;
}

#signin{
	color:#777777;
	margin-top:70px;
	margin-left:390px;
	width:230px;
	height:auto;
	display:block;
	padding:20px;
	background-color: #fafafa;
  	background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  	background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  	background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  	background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  	background-repeat: repeat-x;
  	border:1px solid #D4D4D4;
}

.category{
	margin-left:10px;
}

.category_title{
	padding-top:12px;
}

.category_title span{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:18px;
	color: #555557;
	background-color:white;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	border-top:1px solid #DDD;
	border-bottom:3px solid white;
	padding-left:20px;
	padding-right:30px;
	padding-top:8px;
	border-top-right-radius:30px;
}
.category_title a{
	float:right;
	margin-right:10px;
	font-size:14px;	
}

.category .book_show{
	float:left;
	background-color:white;
	 border: 1px solid #D4D4D4;
	 padding:5px;
	 width:98%;
}

.category .book_show ul{
	float:left;
	margin-top:10px;
	margin-left:0px;
}

.category .book_show ul li{
	list-style:none;
	padding:10px;
	float:left;
	width:850px;
	height:200px;
	margin-left:0px;
	border-bottom: 1px solid #D4D4D4;
}

.category .book_show ul li img{
	max-height:160px;
	max-width:140px;
	float:left;
	border:5px solid #F9F9F9;
}

.category .book_show ul li .data{
	float:left;
	width:690px;
	height:195px;
	margin-left:10px;
}

.category .book_show ul li .data .title{
	color: #004B91;
	 font-family: arial,helvetica,sans-serif;
	font-size: 14px;
	font-weight:bold;
}

.category .book_show ul li .data .author{
	font-size: 12px;
	color:#0095D8;
}

.bookmain{
	width:860px;
	height:auto;
	margin-top:0px;
	margin-left:10px;
}

.bookmain .bookdetail{
	border: 1px solid #D4D4D4;
	background-color:white;
	height:auto;
	width:875px;
}

.bookmain .bookdetail img{
	max-width:200px;
	float:left;
	padding:35px;
	margin-bottom:10px;
	float:left;
}

.bookmain .bookdetail .data{
	float:left;
	width:540px;
	padding:5px;
	margin-top:20px;
}

.bookmain .bookdetail .data .title{
	color:black;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
}

.bookmain .bookdetail .data .author{
	color:#003399;
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #DDD;
}

.bookmain .bookdetail .description{
	clear:both;
	margin-left:30px;
	margin-bottom:20px;
	width:815px;
	font-size:small;
}

.bookmain .bookdetail .other_book{
	clear:both;
	margin-left:30px;
	margin-bottom:20px;
	width:815px;
	height:auto;
	font-size:small;
}

.bookmain .bookdetail .other_book ul{
	margin-top:10px;
	margin-left:0px;
	height:300px;
}

.bookmain .bookdetail .other_book ul li{
	list-style:none;
	height:auto;
	width:180px;
	padding:10px;
	float:left;
}

.bookmain .bookdetail .other_book ul li img{
	max-width:100px;
	max-height:200px;
}

.bookmain .bookdetail .other_book ul li span{
	font-size:12px;
	clear:both;
	margin-bottom:10px;
	height:auto
}


#about_us{
	height:500px;
}
#about_us ul{
	
}
#about_us ul li{
	list-style:none;
	display:block;
	margin-left:-25px;
}
.listbooks{
	height:1870px;
}

.right_content .notice{
	margin-left:135px;
	margin-top:20px;
	margin-right:100px;
	color:green;
	padding:5px;
	padding-right:5px;
	border:1px solid green;
}
